<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" id="skin" href="skin1.css">

</head>
 
<body>
	<!-- 网页换肤 -->
	 <input type="button" value="皮肤一" onclick="fn01()">
	<input type="button" value="皮肤二" onclick="fn02()">
	<script>
		function fn01(){
			var skinDom=document.getElementById("skin");
		skinDom.href="skin1.css"
		}
		function fn02(){
			var skinDom=document.getElementById("skin");
		skinDom.href="skin2.css"
		}
	</script>
</body>

</html>